<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!--<meta http-equiv="X-UA-Compatible" content="ie=edge" />-->
		<meta http-equiv="X-UA-Compatible" content="IE=11" />
		<meta name="renderer" content="webkit|ie-comp|ie-stand" />
        <!--清除缓存-->
        <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-control" content="no-cache,no-store,must-revalidate">
        <meta http-equiv="Expires" content="0">

		<title>成都景润九州旅游规划设计有限责任公司</title>

		<!--默认样式-->
		<link rel="stylesheet" href="/css/reset.css">

		<!--响应式框架-->
		<link rel="stylesheet" type="text/css" href="/css/bootstrap.css">

		<!--css3动画库-->
		<link rel="stylesheet" href="/css/animate.css">

		<!--banner大图基础样式-->
		<link rel="stylesheet" href="/css/slick.css">

		<!--页面滚动基础样式-->
		<link rel="stylesheet" href="/css/jquery.fullPage.css" />

		<!--导航样式-->
		<link rel="stylesheet" href="/css/head.css" />

		<!--图片和滚屏样式-->
		<link rel="stylesheet" href="/css/index.css">
		<link rel="stylesheet" href="/css/style.css" />


	</head>

	<body>
	<!-- 导航 -->
	<header class="header">
		<div class="container clearfix">
			<div class="fl left">
				<a href="javascript:void(0)"><img src="/images/index_2.png" alt="" class="img1" /></a>
				<a href="javascript:void(0)"><img src="/images/index_logo.png" alt="" class="img2" /></a>
			</div>
			<div class="fr nav">
				<ul class="navbar_nav" data-in="fadeInDown" data-out="fadeOutUp">
					<li class="active">
						<a href="/" class="dh">首页</a>
					</li>
					<li class="dropdown">
						<a href="/ts/fulx.html" class="dh">
							服务类型
						</a>
						<div class="dropdown_menu">
							<a href="/ts/fulx.html">乡村振兴</a>
							<a href="/ts/fulx-lygh.html">旅游规划</a>
							<a href="/ts/fulx-qyly.html">农旅规划</a>
							<a href="/ts/fulx-slgy.html">森林公园</a>
							<a href="/ts/fulx-xywh.html">校园文化 </a>
							<a href="/ts/fulx-tsxz.html">特色小镇</a>
							<a href="/ts/fulx-jqca.html">景区创A</a>
							<a href="/ts/fulx-jgjz.html">景观建筑</a>
							<a href="/ts/fulx-bpds.html">标牌雕塑</a>

						</div>
					</li>
					<li>
						<a href="/ts/jdal.html" class="dh">经典案例</a>
					</li>

					<li class="dropdown">
						<a href="/ts/ssdt.html" class="dh">实时动态</a>
						<div class="dropdown_menu">
							<a href="/ts/ssdt.html">企业动态</a>
							<a href="/ts/hyjj.html">行业聚焦</a>
							<a href="/ts/zpfb.html">招聘发布</a>
						</div>
					</li>
					<li>
						<a href="/ts/wyly.html" class="dh">我要留言</a>
					</li>
					<li class="dropdown">
						<a href="/ts/gywm.html" class="dh">关于我们</a>
						<div class="dropdown_menu">
							<a href="/ts/gywm.html">公司简介</a>
							<a href="/ts/qywh.html">企业文化</a>
							<a href="/ts/ryzz.html">荣誉资质</a>
							<a href="/ts/zjtd.html">专家团队</a>
						</div>
					</li>
				</ul>
			</div>
			<a href="javascript:void(0)" id="navToggle">
				<span></span>
			</a>
		</div>
	</header>
	<!--移动端的导航-->
	<div class="m_nav">
		<div class="top clearfix">
			<img src="/images/closed.png" alt="" class="closed" />
		</div>
		<ul class="ul" data-in="fadeInDown" data-out="fadeOutUp">
			<li class="active">
				<a href="/">首页</a>
			</li>
			<li class="dropdown">
				<a href="#">
					服务类型
				</a>
				<div class="dropdown_menu">
					<a href="/ts/fulx.html">乡村振兴</a>
					<a href="/ts/fulx-lygh.html">旅游规划</a>
					<a href="/ts/fulx-qyly.html">农旅规划</a>
					<a href="/ts/fulx-slgy.html">森林公园</a>
					<a href="/ts/fulx-xywh.html">校园文化 </a>
					<a href="/ts/fulx-tsxz.html">特色小镇</a>
					<a href="/ts/fulx-jqca.html">景区创A</a>
					<a href="/ts/fulx-jgjz.html">景观建筑</a>
					<a href="/ts/fulx-bpds.html">标牌雕塑</a>

				</div>
			</li>
			<li>
				<a href="/ts/jdal.html">经典案例</a>
			</li>

			<li class="dropdown">
				<a href="#">实时动态</a>
				<div class="dropdown_menu">
					<a href="/ts/ssdt.html">企业动态</a>
					<a href="/ts/hyjj.html">行业聚焦</a>
					<a href="/ts/zpfb.html">招聘发布</a>
				</div>
			</li>
			<li>
				<a href="/ts/wyly.html">我要留言</a>
			</li>
			<li class="dropdown">
				<a href="#">关于我们</a>
				<div class="dropdown_menu">
					<a href="/ts/gywm.html">公司简介</a>
					<a href="/ts/qywh.html">企业文化</a>
					<a href="/ts/ryzz.html">荣誉资质</a>
					<a href="/ts/zjtd.html">专家团队</a>
				</div>
			</li>

		</ul>
	</div>
		<!-- 轮播 -->
		<div id="index_main" class="index_main">
			<div class="section section1">
				<div class="index_banner">
					<div class="item">
						<div class="items scaleBg" style="background-image: url(/images/lb1.jpg);"></div>

					</div>
					<div class="item">
						<div class="items scaleBg" style="background-image: url(/images/lb2.jpg);"></div>

					</div>
					<div class="item">
						<div class="items scaleBg" style="background-image: url(/images/lb3.jpg);"></div>

					</div>
					<div class="item">
						<div class="items scaleBg" style="background-image: url(/images/lb4.jpg);"></div>

					</div>
					<div class="item">
						<div class="items scaleBg" style="background-image: url(/images/lb5.jpg);"></div>

					</div>
				</div>
				<div class="left slick_txt">
					<div class="prev slick_arrow"></div>
				</div>
				<div class="right slick_txt">
					<div class="next slick_arrow"></div>
				</div>
				<div class="number">
					<div class="inner clearfix">
						<span class="active">01</span>
						<span>02</span>
						<span>03</span>
						<span>04</span>
						<span>05</span>
					</div>
				</div>
			</div>

		</div>

		<!--服务类型-->
		<div class="fulxjgg">
			<div class="fulx ">
				<p class="text-muted text-center ">Service type</p>
				<h3 class="text-center col-xs-12 ">服务类型</h3>
				<div class="hr1"></div>
			</div>

			<!--服务类型九宫格-->
			<div class="container-jgg">
				<div class="row">
					<div class="col-xs-4 col-sm-4 ">
						<img id="div1" src="/images/fwlx-1.png" class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>乡村振兴</h4>
								<p class="hidden-xs">田园综合体/农旅项目/文旅地产</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh1.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-2.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-tsxz.html" class="fulx-a">

							<div class="fulx-wz">
								<h4>特色小镇</h4>
								<p class="hidden-xs">森林小镇/文化小镇/康养小镇</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh2.png" />

							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-3.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-qyly.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>农旅规划</h4>
								<p class="hidden-xs">天府旅游名县创建辅导</p>
								<p class="hidden-xs">农旅示范区规划创建辅导</p>

							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh3.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-4.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-lygh.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>旅游规划</h4>
								<p class="hidden-xs">旅游景区策划/概规/总规/详规</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh4.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-5.png" class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-jqca.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>景区创A</h4>
								<p class="hidden-xs">景区创建3A、4A、5A辅导</p>
								<p class="hidden-xs">景区创建生态旅游示范区辅导</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh5.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-6.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-xywh.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>校园文化</h4>
								<p class="hidden-xs">校园文化策划/校园景观设计</p>
								<p class="hidden-xs">校园室内空间设计/校园UI设计</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh6.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-7.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-jgjz.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>景观建筑</h4>
								<p class="hidden-xs">景观设计/建筑设计</p>
								<p class="hidden-xs">旅游室内空间设计</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh7.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-8.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-slgy.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>森林公园</h4>
								<p class="hidden-xs">森林公园规划/森林公园景观设计</p>
								<p class="hidden-xs">编制森林公园可行性研究报告</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh8.png" />
							</div>
						</a>
					</div>
					<div class="col-xs-4 col-sm-4 ">
						<img src="/images/fwlx-9.png " class="img-responsive " alt="Cinque Terre " />
						<a href="/ts/fulx-bpds.html" class="fulx-a">
							<div class="fulx-wz">
								<h4>标牌雕塑</h4>
								<p class="hidden-xs">雕塑设计制作安装</p>
								<p class="hidden-xs">标识标牌设计制作安装</p>
							</div>

							<div class="mask">
								<img class="zhezhao" src="/images/fwlx-dh9.png" />
							</div>
						</a>
					</div>
				</div>
			</div>
		
		</div>

		<!--为什么选择我们-->
		<div class="wsm ">
			<div class="wsm1 ">
				<p class="text-muted text-center ">why choose us</p>
				<h3 class="text-center col-xs-12 ">为什么选择我们</h3>
				<div class="hr1"></div>
			</div>
			<div class="wsm2 ">

				<img src="/images/index_17.jpg" class="img-responsive" />
			</div>
		</div>

		<!--经典案例-->
		<div class="jdal ">
			<p class="text-muted text-center ">Classic cases</p>
			<h3 class="text-center col-xs-12 ">经典案例</h3>
			<div class="hr1"></div>
		</div>
		<!-- 经典案例九宫格 -->
		<div class="container-jdaljgg ">
			<div id="jdalnews" class="row-jdal">
				<!--这里动态插入6个经典案例-->

			</div>

		</div>

		<div class="an">
			<a href="/ts/jdal.html"><input type="button" class="button1" value="MORE+" /></a>
		</div>

		<!--实时动态-->
		<div class="ssdt ">
			<p class="text-muted text-center ">Real-time dynamic</p>
			<h3 class="text-center col-xs-12 ">实时动态</h3>
			<div class="hr1"></div>
		</div>

		<div class="ssdt1  ">
			<div class="hengxian"> </div>

			<ul id="myTab" class="nav nav-tabs nav-justified">
				<li class="active">
					<a href="#home" data-toggle="tab"> 行业聚焦</a>
				</li>
				<li>
					<a href="#qydt" data-toggle="tab">企业动态</a>
				</li>
				<li>
					<a href="#zpfb" data-toggle="tab">招聘发布</a>
				</li>
			</ul>
			<div id="myTabContent" class="tab-content">
				<div class=" tab-pane fade in active " id="home">

                    <!--这里将插入行业聚焦的内容-->

				</div>

				<div class="tab-pane fade" id="qydt">

                    <!--这里将插入企业动态的内容-->

				</div>

				<div class="tab-pane fade" id="zpfb">
					<div class="table-responsive table-hover">
						<table class="table">
							<thead>
							<tr>
								<th>招聘部门</th>
								<th>招聘职位</th>
								<th>工作地点</th>
								<th>职位详情</th>
								<th>发布日期</th>
							</tr>
							</thead>
							<tbody id="recruitTbody">


							</tbody>
						</table>


					</div>
				</div>

			</div>

		</div>

	<!--底部footer-->
	<div id="footer" class=" footer navbar-fixed-bottom ">

		<div class="fphone clo-xs-12 col-sm-12">
			<span><img src="/images/ico-fTel.png" alt="" class="icoImg " /><a href="tel:02887785218">028-8778-5218</a> </span> &nbsp;&nbsp;/&nbsp;&nbsp;
			<span><img src="/images/ico-fMob.png" alt="" class="icoImg " /><a href="tel:18030579518">18030579518</a> </span>
		</div>
		<img src="/images/wxtp.jpg" class="img-responsive hidden-xs" style="height: 150px; width: 150px; float: right;margin-top: 2.5vh;margin-right: 15vw;"/>


		<div class="fNav col-xs-12 col-sm-12">
			<a href="/" class="link aftl" rel="nofollow">网站首页</a>
			&nbsp;/&nbsp;
			<a href="/ts/gywm.html" class="link aftl" rel="nofollow">关于我们</a>
			&nbsp;/&nbsp;
			<a href="/ts/ssdt.html" class="link aftl" rel="nofollow">实时动态</a>
			&nbsp;/&nbsp;
			<a href="/ts/qywh.html" class="link aftl" rel="nofollow">企业文化</a>
			&nbsp;/&nbsp;
			<a href="/ts/fulx.html" class="link aftl">服务类型</a>
			&nbsp;/&nbsp;
			<a href="/ts/jdal.html" class="link aftl" rel="nofollow">经典案例</a>

		</div>

		<div class="babh col-xs-12 col-sm-12">
			备案编号：蜀ICP备16010011号-1
		</div>

	</div>


	<script type="text/javascript" src="/js/jquery-3.3.1.js" ></script>
        <script type="text/javascript" src="/js/jquery-3.3.1.min.js" ></script>
        <script type="text/javascript" src="/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/js/jquery.fullPage.min.js"></script>
        <script type="text/javascript" src="/js/index_slick.js"></script>
        <script type="text/javascript" src="/js/index.js"></script>
        <script type="text/javascript" src="/js/loadshuaxin.js"></script>
        <script type="text/javascript" src="/js/indexskip.js"></script>
	<script type="text/javascript" src="/js/clamp.js"></script>
		<script type="text/javascript">
            $(document).ready(function(){

//                服务类型的遮罩
                var o = document.getElementById("div1");
                var w = o.clientWidth || o.offsetWidth;
                var h = o.clientHeight || o.offsetHeight;
                var zhezhao = document.getElementsByClassName("zhezhao");
                for(var i = 0; i < zhezhao.length; i++) {
                    zhezhao[i].style.height = h + "px";
                    zhezhao[i].style.width = w + "px";
                }

//                经典案例的请求
                $.ajax({
                    type:"get",
                    url:"/classicCase/getClassicList",
                    contentType: "application/json;charset=utf-8",
                    dataType: 'json',
                    data:{currPage:1,pageSize:6},
                    success: function (data) {

                        for (var i = 0;i < data.datas.length; i++) {

                            //控制name字数显示
                            var name = data.datas[i].name;
                            if(name.length > 14){
                                name = name.substring(0,13) + "...";
                            }

                            var jdaldiv = document.createElement("div");
                            jdaldiv.id = "jdal" + data.datas[i].classicId;
                            jdaldiv.className = "col-xs-6 col-sm-4 jdal-jgg";
                            jdaldiv.innerHTML = "<img src='" + data.datas[i].img + "' class='img-responsive' alt='Cinque Terre '/>" +
                                "<a class='jdal-bt'>" + name + "</a>" +
                                "<a href='#'>" +
                                "</a>";
                            document.getElementById("jdalnews").appendChild(jdaldiv);
                            //给创建的div添加点击事件
                            document.getElementById("jdal" + data.datas[i].classicId).addEventListener("click",function(){
                                classic(this)
							});
                        }

                    },
                    error: function (res) {
                        console.log(res.readyState + "  " + res.responseText);
                        alert("请求失败！");
                    }
                });


//                行业聚焦的请求
                $.ajax({
                    type:"get",
                    url:"/news/getTypeOne",
                    contentType: "application/json;charset=utf-8",
                    dataType: 'json',
                    success: function (data) {

                        for (var i = 0;i < data.datas.length && i < 6; i++) {

                            var description = data.datas[i].newsContent;
                            description = description.replace(/<\/?[^>]*>/g, "");

                            var hyjjdiv = document.createElement("div");
                            hyjjdiv.id = "hyjj" + data.datas[i].newsId;
                            hyjjdiv.className = "new1 col-xs-12 col-sm-6";
                            hyjjdiv.innerHTML = "<img src='" + data.datas[i].newsImg + "' class='img-responsive col-xs-6 col-sm-6' />" +
                                "<div class='col-xs-6 col-sm-6'>" +
                                "<h5>" + data.datas[i].newsTitle + "</h5>" +
                                "<p class='p-clamp col-xs-12 col-sm-12 hidden-xs'>" + description + "</p>" +
                                "<dl class='col-xs-12 col-sm-12'>" + data.datas[i].createTime + "</dl>" +
                                "</div>";
                            document.getElementById("home").appendChild(hyjjdiv);
                            //给创建的div添加点击事件
                            document.getElementById("hyjj" + data.datas[i].newsId).addEventListener("click",function(){xwxq(this)});
                        }

                        var pClamp = document.getElementsByClassName("p-clamp");
                        for (var i = 0;i < pClamp.length;i++) {
                            $clamp(pClamp[i],{clamp:2});
						}

                    },
                    error: function (res) {
                        console.log(res.readyState + "  " + res.responseText);
                        alert("请求失败！");
                    }
                });

//                企业动态请求
                $.ajax({
                    type:"get",
                    url:"/news/getTypeTwo",
                    contentType: "application/json;charset=utf-8",
                    dataType: 'json',
                    success: function (data) {

                        for (var i = 0;i < data.datas.length && i < 6; i++) {

                            var description = data.datas[i].newsContent;
                            description = description.replace(/<\/?[^>]*>/g, "");

                            var qydtdiv = document.createElement("div");
                            qydtdiv.id = "qydt" + data.datas[i].newsId;
                            qydtdiv.className = "new2 col-xs-12 col-sm-6";
                            qydtdiv.innerHTML = "<img src='" + data.datas[i].newsImg + "' class='img-responsive col-xs-6 col-sm-6' />" +
                                "<div class='col-xs-6 col-sm-6'>" +
                                "<h5>" + data.datas[i].newsTitle + "</h5>" +
                                "<p class='p-clamp col-xs-12 col-sm-12 hidden-xs'>" + description + "</p>" +
                                "<dl class='col-xs-12 col-sm-12'>" + data.datas[i].createTime + "</dl>" +
                                "</div>";
                            document.getElementById("qydt").appendChild(qydtdiv);
                            //给创建的div添加点击事件
                            document.getElementById("qydt" + data.datas[i].newsId).addEventListener("click",function(){xwxq(this)});

                        }

                        var pClamp = document.getElementsByClassName("p-clamp");
                        for (var i = 0;i < pClamp.length;i++) {
                            $clamp(pClamp[i],{clamp:2});
                        }

                    },
                    error: function (res) {
                        console.log(res.readyState + "  " + res.responseText);
                        alert("请求失败！");
                    }
                });

//                招聘发布请求
                $.ajax({
                    type: "GET",
                    url: "/recruit/getRecruitList",
                    contentType: "application/json;charset=utf-8",
                    dataType: 'json',
                    success: function (data) {
                        for (var i = 0; i < data.datas.length; i++) {
                            var recruiBodyTr = document.createElement("tr");
                            recruiBodyTr.className = "recruitbody";
                            recruiBodyTr.id = "zpfb" + data.datas[i].recruitId;
                            recruiBodyTr.innerHTML = "<td>" + data.datas[i].recruitDepart + "</td>" +
                                "<td>" + data.datas[i].recruitPosition + "</td>" +
                                "<td>" + data.datas[i].recruitLocation + "</td>" +
                                "<td><a>查看详情</a></td>" +
                                "<td>" + data.datas[i].recruitTime + "</td>";
                            document.getElementById("recruitTbody").appendChild(recruiBodyTr);
                            //给创建的div添加点击事件
                            document.getElementById("zpfb" + data.datas[i].recruitId).addEventListener("click",function(){recruitzp(this)});
                        }
                    },
                    error: function (res) {
                        console.log(res.readyState + "  " + res.responseText);
                        alert("请求失败！");
                    }
                });
            });


		</script>
	</body>

</html>